/* 底部布局 */
/* #fd {
  position: fixed;
  bottom: 0;
  left:0;
  width: 100%;
} */
a, a:hover, a:focus{
  outline: none !important;
}
i {
  font-style: normal;
}
.wrap{
  min-height: 450px;
}
.s-container{
  padding-top: 30px;
}
.search-index{
  position: relative;
}
.search-page #header{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
}
.s-form{
  position: relative;
}
.search-index .s-form .s-title{
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.search-index .input-item{
  max-width: 100%;
  margin-left: 102px;
}
.search-index .input-item .s-remote{
  display: none;
}
.search-index .search-tabs{
  margin-top: 60px;
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
}
.search-tabs .tabs{
  border-bottom: 1px solid rgba(0, 0, 0, 0.11); 
  margin: 0 30px;
  padding-left: 24px;
  position: relative;
}
.search-tabs .tabs .tab-item{
  float: left;
  padding-bottom: 24px;
  font-size: 18px;
  margin-right: 60px;
  padding: 24px 6px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.search-tabs .tabs .tab-item.active:after{
  position: absolute;
  content: '';
  width: 48px;
  height: 2px;
  background-color: rgb(229, 1, 19);
  bottom: 0;
  /* left: 0; */
  transition: all 0.3s linear;
  left: 50%;
  margin-left: -24px;
}
/* .search-tabs .tabs .tab-item.active:after{
  
} 
.tabs .tab-item.active ~ .tab-item:after{
  left: 0;
  transition: all 0.3s linear;
} */
/* .search-tabs .tab-content > div {
  margin-top: 30px;
} */
.search-tabs .tab-content{
  overflow: hidden;
}
.search-tabs .tab-content #jijin{
  padding-top: 30px;
}
.search-tabs .tab-content #publish,
.search-tabs .tab-content #news{
  padding: 0 30px;
}
.search-tabs .tab-content .s-tab-item{
  display: none;
  float: left;
  /* position: absolute; */
  width: 100%;
  /* transform: translateX(-100%); */
  transition: all 0.4s;
}
.search-tabs .tab-content .s-tab-item.active{
  display: block;
  /* transform: translateX(0); */
  transition: all 0.4s;
}
.s-tab-item .info-list > ul{
  min-height: 400px;
}
/* #jijin{
  margin-top: 30px;
} */
 /* 表格样式下 */
.table-tit-wra{padding: 0 10px 30px;margin-bottom: 60px;}
.table-tit-wra .table1,.table-tit-wra .table2,.table-tit-wra .table3 {
width: 100%;
}
.table-tit-wra .table1, .table-tit-wra .table2, .table-tit-wra .table3{
  width: 100%;
}
.table-head{
  height: 60px;line-height: 60px;background-color: #FAFAFA;
  font-size: 16px;
  font-family: Microsoft YaHei;
  color: #9F9F9F;
  font-weight: bolder;
  }
  .ng-scope{height: 105px;border: 1px solid rgba(0, 0, 0, 0.1);}
  .ng-binding span{display: block;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #9F9F9F;}
  .txtgray{
  color: #9F9F9F;
  }
  .txtgreen{
  color: #00AD4F;
  }
  .txtred{
  color: #E50113;
  }
  .family-bebas{
  /* font-family: Bebas; */
  font-size: 18px;
  }
  .buy-rg{display: inline-block;width: 90px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 47, 167, 0.05);
  border-radius: 8px;
  border: 1px solid #4579FF;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4579FF;}
  .buy-rg:hover{
      color: #4579FF;
  }
  .buy-zt:hover{color: #999999;}
  .buy-zt{display: inline-block;width: 90px;
  height: 30px;
  line-height: 30px;
  background: #FAFAFA;
  border-radius: 8px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;}
  .buy-sg{
    display: inline-block;width: 90px;
    height: 30px;
    line-height: 30px;
    background: rgba(229, 1, 19, 0.05);
    border: 1px solid #E50113;
    border-radius: 8px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #E50113;position: relative;
    }
    .sg-xtxt{display: block;position: absolute;width: 24px;
        height: 24px;
        line-height: 24px;
        background: #E50113;
        border: 1px solid #FFFFFF;
        font-size: 12px;
        font-family: Microsoft YaHei;
        color: #FFFFFF;border-radius: 50%;    top: -12px;
        right: -12px;}
        .sg-xzinfo{
            display: none;
            position: absolute;
        width: 172px;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        right: -24px;
        top: 22px;
        box-shadow: 0px 1px 15px 1px rgba(63,66,66,0.09);
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #999999;
        }
        .sg-xzinfo i{color: #E50113;}
        .sg-xzinfo::before{
            content: "";
        display: block;
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        right: 16px;
        margin-top: -6px;
        top: 1px;
        transform: rotate(45deg);
        }
        .table-tit-wra .table2,.table-tit-wra .table3{
          margin-top: 30px;
        }
        .c-productcp-list a:hover{
            color: #E50113;
        }
        .table-sort{
            display: inline-block;
            width: 9px;
        height: 16px;
        line-height: 6px;
        vertical-align: text-bottom;
        margin-left: 4px;
        }
        .table-sort img{width: 9px;height: 4px;cursor: pointer;}




.search-tabs .tabs .s-datepicker{
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.search-tabs .tabs.date .s-datepicker{
  display: none;
}
.s-datepicker .date-inline{
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  border-radius: 20px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
}
.s-datepicker .date-inline > span{
  display: inline-block;
  vertical-align: middle;
}
.s-datepicker .date-inline .dash{
  width: 10px;
  height: 1px;
  display: block;
  margin:0 10px;
  background: rgba(0, 0, 0, 0.11);
}
.s-datepicker .date-inline .cal-icon{
  display: inline-block;
  padding-left: 20px;
  margin-left: 40px;
  border-left: 1px solid  rgba(0, 0, 0, 0.11);
}
.s-datepicker .date-inline input{
  display: block;
  border: none;
  width: 80px;
  padding: 10px 0;
  text-align: center;
}

.search-tabs .tab-content li{
  margin-top: 30px;
}
.search-tabs .tab-content li .l-content{
  float: left;
}
.search-tabs .tab-content li .l-date{
  float: right;
  color: #999;
}
.search-tabs .s-key{
  color: #E50113;
}
.search-tabs .s-pager{
  padding: 40px 0 30px 0;
}
.s-pager .spager-total{
  height: 24px;
  line-height: 24px;
  margin-bottom: 5px;
  font-size: 12px;
  margin-right: 20px;
  color: #999;
}
.s-pager .spager-total .total-num{
  color: #E50113;
  display: inline-block;
  padding:0 2px;
}
/* ====== layui 分页样式修改  =======*/
.layui-laypage{
  margin: 0;
}
.layui-laypage a, .layui-laypage span{
  margin-left: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  padding: 0;
  text-align: center;
}
/* .layui-laypage .layui-laypage-count{
  width: auto;
  font-size: 12px;
} */
.layui-laypage .layui-laypage-curr .layui-laypage-em{
  background-color: #E50113;
  border-radius: 4px;
}
.layui-laypage a:hover{
  color: #E50113;
  border: 1px solid #E50113;
  background: rgba(229, 1, 19, 0.05);
}
.layui-laypage>a:last-child,
.layui-laypage>a:first-child{
  border-radius: 4px;
}
.layui-laypage>a:last-child:hover,
.layui-laypage>a:first-child:hover{
  border: 1px solid rgba(0, 0, 0, 0.1);
  background:inherit;
}
.s-pager-next{
  background: url(../../images/pager-next.png) no-repeat center;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.s-pager-prev{
  background: url(../../images/pager-prev.png) no-repeat center;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.layui-laypage .layui-disabled{
  border-color: transparent;
}
.layui-disabled .s-pager-next{
  background: url(../../images/pager-next_disable.png) no-repeat center;
  background-color: #FAFAFA;
  border: none;
}
.layui-disabled .s-pager-prev{
  background: url(../../images/pager-prev_disable.png) no-repeat center;
  background-color: #FAFAFA;
  border: none;
}

/* layui 日期样式覆盖 */
#layui-laydate1 {
  top: 360px;
  border: none;
}
.layui-laydate-content td.laydate-selected{
  background-color: rgba(229, 1, 19, 0.05) !important;
}
.layui-laydate-content td:hover, .layui-laydate-list li:hover{
  background-color: rgba(229, 1, 19, 0.05) !important;
}